<div class="container-fluid">
  <div class="row">
    <div class="col-md-2">
      <!--Sidebar content-->

      Search: <input ng-model="query">
      Sort by:
      <select ng-model="orderProp">
        <option value="directory.extention">extention</option>
        <option value="directory.password">password</option>
        <option value="directory.owner">owner</option>
      </select>

    </div>
    <div class="col-md-10">
      <!--Body content-->

<table class="iswitch_tbl"  >
<tr>
                <th> extention </th>
                <th> password </th>
                <th> group </th>
                <th> context </th>
                <th> domain </th>
                <th> owner </th>
</tr>
	<tr class="iswitch_row" ng-repeat="item in directories | filter:query | orderBy:orderProp ">
	<td><a href="#/directories/{{item.directory.extention}}">{{item.directory.extention}}</a></td>

                <td>{{ item.directory.password }}</td>
                <td> {{item.directory.group }}</td>
                <td> {{item.directory.context }}</td>
                <td> {{item.directory.domain }}</td>
                <td> {{item.directory.owner }}</td>
	</tr>
</table>
    </div>
  </div>




